.c7ncd-pod-wrap {
  display: flex;

  .c7ncd-pod-content {
    flex: 1;
    height: 70px;

    .c7n-pod-circle {
      fill: none;
      stroke: #0bc2a8;
      stroke-width: 5px;
      transform: rotate(-90deg);
      transform-origin: center;
    }

    .c7n-pod-circle-error {
      fill: none;
    }

    .c7n-pod-circle-num {
      text-anchor: middle;
      font-size: 16px;
      stroke: #000;
    }

    .c7n-pod-circle-text {
      text-anchor: middle;
      font-size: 12px;
      color: var(--text-color3);
    }

    &.c7ncd-pod-btn-wrap {
      padding: 11px 0;
      display: flex;
      flex-direction: column;
      .c7ncd-pod-btn {
        color: var(--primary-color);
        cursor: pointer;
        text-align: center;
        > i {
          font-size: 24px;
        }
        &-disabled {
          color: rgba(15, 19, 88, 0.25);
          cursor: not-allowed;
        }
      }
      > * {
        height: 50%;
        flex: 1;
      }
    }
  }
}

.c7ncd-pod-count {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);

  .c7ncd-pod-count-value {
    margin-left: 4px;
    font-size: 16px;
    color: var(--text-color);
  }
}

.c7ncd-pod-modal {
  .c7n-modal-body {
    margin-top: 8px;
  }
}
